import axios from 'axios'

import store from '@/store'

import { Message } from 'element-ui'

import router from '@/router/index'

const request = axios.create({
  baseURL: '/api',
  timeout: 10000
})

// 添加请求拦截器
request.interceptors.request.use(function (config) {
  config.headers.Authorization = 'Bearer ' + store.state.user.token
  // 在发送请求之前做些什么
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
request.interceptors.response.use(function (response) {
  // console.log(response)
  if (response.data.success) {
    // Message.success(response.data.message)
    return response
  } else {
    Message.error(response.data.message)
    return Promise.reject(response.data.message)
  }
  // 对响应数据做点什么
}, function (error) {
  // console.log(error)
  const { response: { status } } = error
  if (status === 401) {
    // 1.删除vuex和cookies里的token
    store.commit('user/DEL_TOKEN')
    // 1.跳转到登录页面
    router.replace('/login')
    Message.error('请重新登录！')
  }
  // 对响应错误做点什么
  return Promise.reject(error)
})

export default request
